import { link } from '../mixins/link';
import { VantComponent } from '../common/component';
VantComponent({
  classes: [
    'title-class',
    'label-class',
    'value-class',
    'right-icon-class',
    'hover-class'
  ],
  mixins: [link],
  props: {
    title: null,
    value: null,
    icon: String,
    size: String,
    label: String,
    center: Boolean,
    isLink: Boolean,
    required: Boolean,
    clickable: Boolean,
    titleWidth: String,
    customStyle: String,
    arrowDirection: String,
    useLabelSlot: Boolean,
    disabled: {
      type: Boolean,
      value: false
    },
    sessionFrom: {
      type: String,
      value: '',
    },
    sendMessageTitle: {
      type: String,
      value: '',
    },
    sendMessagePath: {
      type: String,
      value: '',
    },
    sendMessageImg: {
      type: String,
      value: '',
    },
    showMessageCard: {
      type: Boolean,
      value: false,
    },
    appParameter: {
      type: String,
      value: '',
    },
    openType: {
      type: String,
      value: 'navigateTo',
    },
    border: {
      type: Boolean,
      value: true
    }
  },
  methods: {
    onClick(event) {
      this.$emit('click', event.detail);
      this.jumpLink();
    },
    bindgetuserinfo(e) {
      this.triggerEvent('getuserinfo', e.detail)
    },
    bindcontact(e) {
      this.triggerEvent('contact', e.detail)
    },
    bindgetphonenumber(e) {
      this.triggerEvent('getphonenumber', e.detail)
    },
    bindopensetting(e) {
      this.triggerEvent('opensetting', e.detail)
    },
    onError(e) {
      this.triggerEvent('error', e.detail)
    }
  }
});
